<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
{template header}
    <div id="app">
    {template nav}
    	<div data-v-768e171d="" class="main" s="[object Object]">
           	<div data-v-768e171d="" class="header">
                <div data-v-768e171d="" class="headImg">
                 	<img data-v-768e171d="" src="http://imagess-google.com/system/common/headimg/5C5A53823438F2CD.jpg" width="100%" height="100%" alt="" /> 
                </div>
           	</div> 
           	<form data-v-768e171d="" autocomplete="off" action="{U('member/login')}" id="loginForm" method="post">
    			<input type="hidden" name="operation" value="login"/>
                <table data-v-768e171d="">
                 	<tbody data-v-768e171d="">
                      	<tr data-v-768e171d="" style="">
                       		<td data-v-768e171d="" class="username-icon"></td> 
                       		<td data-v-768e171d="" colspan="2" style="position: relative;">
                       			<input data-v-768e171d="" tag="帐号" type="email" placeholder="请输入账号" class="va87" name="username" id="username" required="" style="position: relative; z-index: 1; background: rgba(0, 0, 0, 0);" /> 
                       			<span data-v-768e171d="" class="downico"></span> 
                       			<em data-v-ba6aa3ca="" class="clearInput" inputname="UserName" data-v-768e171d="" style="display: none;"></em>
                       		</td>
                      	</tr> 
                      	<tr data-v-768e171d="">
                           	<td data-v-768e171d="" class="password-icon"></td> 
                           	<td data-v-768e171d="" colspan="2" style="position: relative;">
                           		<input data-v-768e171d="" maxlength="16" autocomplete="off" tag="密码" type="password" placeholder="请输入密码" class="va87" name="password" id="password" required="" style="position: relative; z-index: 1; background: rgba(0, 0, 0, 0);" /> 
                           		<span data-v-10a78dd2="" class="iconfont eye" type="close" data-v-768e171d=""></span> 
                           		<em data-v-ba6aa3ca="" class="clearInput" data-v-768e171d="" style="display: none;"></em>
                           	</td>
                      	</tr> 
                      	{if !$loginSta}
                          	<tr data-v-768e171d="" id="error">
                          		<td colspan="3" align="left"><span style="padding-left: 20px; color: red; font-size: 8px;">{$msg}</span></td>
                          	</tr>
                        {/if}
                      	<tr data-v-768e171d=""></tr>
                 	</tbody>
                </table>
           	</form> 
           	<div data-v-768e171d="" class="loginBtn BTN">
            	<a data-v-768e171d="" id="loginBtn">立即登录</a>
           	</div> 
           	<div data-v-768e171d="" class="otherBtn">
                <a href="{U('member/register')}" class="signup" data-v-768e171d="">立即注册</a>
                <!--<a href="{U('member/resetpwd')}" class="forget" data-v-768e171d="">忘记密码</a>--> 
           	</div> 
       		<ul data-v-768e171d="" id="usedList"></ul> 
           	<div data-v-8a5a4472="" class="_problemBox" data-v-768e171d="" style="display: none;">
            	<div data-v-8a5a4472="" class="blackBg"></div> 
                <div data-v-8a5a4472="" class="moreLayer">
                 	<ul data-v-8a5a4472="" id="userList">
                  		<li data-v-8a5a4472=""><a data-v-8a5a4472="">选择登录帐号</a></li> 
                  		<li data-v-8a5a4472=""><a data-v-8a5a4472="">9090qwe</a> <span data-v-8a5a4472=""></span></li>
                 	</ul> 
                 	<ul data-v-8a5a4472="">
                  		<li data-v-8a5a4472="" id="close"><a data-v-8a5a4472="">取消</a></li>
                 	</ul>
                </div>
           	</div>
      	</div>
    </div>
    <script>
    $('#loginBtn').on('click', '', function (){
    	// 验证
    	if(!$('#username').val()){ 
    		layer.alert('请输入账号信息'); 
    		return;
    	}
    	if(!$('#password').val()){ 
    		layer.alert('请输入账号密码'); 
    		return;
    	}
    	$('#loginForm').submit();
    	
    })
    $("input").on("focus",function(){
    	if($("#error").length>0){
    		$("#error").remove();
    	}
    })
    
    //账号输入右侧点击效果
    $(".downico").on("click",function(){
    	$(this).toggleClass("show");
    	$("._problemBox").show();
    })
    
    //弹出层
    $("#userList li").on("click",function(){
    	var index = $(this).index();
    	if(index !=0){
    		$("#username").val($(this).text())
    		$("._problemBox").hide();
    	}
    })
    //取消弹出层
    $("#close").on("click",function(){
    	$("._problemBox").hide();
    })
    </script>
    {template footer}
</html>